<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta name="author" content="Aurelio Jargas www.aurelio.net">
<META NAME="generator" CONTENT="http://txt2tags.org">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<LINK REL="stylesheet" TYPE="text/css" HREF="inc/site.css">
<TITLE>txt2tags markup</TITLE>
<link rel="icon" type="image/png" href="/favicon.png">
</HEAD>
<BODY id="markup">

<DIV CLASS="header" ID="header">
<h1><a href="/">txt2tags</a></h1>
<H3>Simplest markup ever</H3>
</DIV>

<DIV CLASS="body" ID="body">
<div id="sidebar">
Hot
  <ul>
  <li id="menuonline"><a href="./online.php">Txt2tags Online</a></li>
  <li id="menumarkup"><a href="./markup.html">Markup Demo</a></li>
  </ul>
About
  <ul>
  <!-- <li id="menuhome"><a href="/">Home</a></li> -->
  <li id="menufeatures"><a href="./features.html">Features</a></li>
  <li id="menusample"><a href="./sample.html">Example</a></li>
  <li id="menushots"><a href="./shots.html">Screenshots</a></li>
  <li id="menudocs"><a href="./docs.html">Documentation</a></li>
  <li id="menutips"><a href="./tips.html">Tips &amp; Tricks</a></li>
<!--
  <li id="menuoldnews"><a href="./misc/oldnews.html">Old News</a></li>
-->
  </ul>
Code
  <ul>
  <li id="menudownload"><a href="./download.html">Download</a></li>
  <li id="menuchangelog"><a href="./changelog.html">Changelog</a></li>
  <li id="menutools"><a href="./tools.html">Tools</a></li>
  <li><a href="http://bugs.txt2tags.org">Bug tracker</a></li>
  <li><a href="http://svn.txt2tags.org">SVN</a></li>
  </ul>
Community
  <ul>
  <li id="menuwiki"><a href="http://wiki.txt2tags.org">Wiki</a></li>
  <li id="menublog"><a href="http://txt2tags.wordpress.com">Blog</a></li>
  <li id="menuteam"><a href="./team/index.html">The Team</a></li>
  <li id="menuchildren"><a href="./children.html">The Children</a></li>
  <li id="menucomments"><a href="http://txt2tags.wordpress.com/user-comments/">User Comments</a></li>
  <li id="menuart"><a href="./art.html">Artwork</a></li>
  </ul>
Social
  <ul>
  <li id="menuml"><a href="./ml.html">Mailing List</a></li>
  <li><a href="http://www.facebook.com/pages/txt2tags/335201827209">Facebook</a></li>
  <li><a href="http://twitter.com/aureliojargas">twitter</a></li>
  <!-- <li><a href="http://www.orkut.com.br/Main#Community?cmm=87935">Orkut</a></li> -->
  <li><a href="http://identi.ca/group/txt2tags">identi.ca</a></li>
  </ul>

<P>
<A HREF="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=verde%40aurelio%2enet&amp;item_name=txt2tags%20donation&amp;no_shipping=1&amp;return=http%3a%2f%2faurelio%2enet%2fdonate%2dthanks%2ehtml&amp;cn=&amp;tax=0&amp;currency_code=USD&amp;bn=PP%2dDonationsBF&amp;charset=UTF%2d8"><IMG ALIGN="middle" SRC="img/donate.png" BORDER="0" alt="DONATE"></A>
</P>
</div>

<H2>Markup Demo</H2>

<P>
The txt2tags markup is simple and easy. But wait, it's powerful too!
</P>
<P>
You can insert images, make lists, quotes and even tables. All of that
using just a few extra characters on your text. No more tag names or
funky attributes to remember.
</P>

<H3>Learn the markup now</H3>

<P>
The following table is a live demonstration of the marks.
</P>

<UL>
<LI>On the left: plain text spiced with some symbols (the markup).
<P></P>
<LI>On the right: the marked text converted to HTML by txt2tags.
</UL>

<table>
<tr><th colspan="2">
BASIC
</th></tr><tr><td class="t2t">

<PRE>

= Title level 1 =

== Title level 2 ==

=== Title level 3 ===
</PRE>

</td><td>

<H1>Title level 1</H1>

<H2>Title level 2</H2>

<H3>Title level 3</H3>

</td></tr><tr><td class="t2t">

<PRE>

+ Numbered Title level 1 +

++ Numbered Title level 2 ++

+++ Numbered Title level 3 +++
</PRE>

</td><td>

<H1>1. Numbered Title level 1</H1>

<H2>1.1. Numbered Title level 2</H2>

<H3>1.1.1. Numbered Title level 3</H3>

</td></tr><tr><td class="t2t">

<PRE>

A paragraph is made by one or
more lines.

A blank line separates them.
</PRE>

</td><td>
<P>
A paragraph is made by one or
more lines.
</P>
<P>
A blank line separates them.
</P>
</td></tr><tr><td class="t2t">

<PRE>

% start a line with
a percent sign,
% and it will be ignored
useful for TODOs!
</PRE>

</td><td>
<P>
a percent sign,
useful for TODOs!
</P>
</td></tr><tr><td class="t2t">

<PRE>

For beautifiers we have **bold**
and //italic//.

There is also __underline__, --strike--
and ``monospaced``.
</PRE>

</td><td>
<P>
For beautifiers we have <B>bold</B>
and <I>italic</I>.
</P>
<P>
There is also <U>underline</U>, <S>strike</S>
and <CODE>monospaced</CODE>.
</P>
</td></tr><tr><th colspan="2">
LISTS
</th></tr><tr><td class="t2t">

<PRE>

- This is a list of items
- Just use hyphens
  - More indent opens a sublist


Two blank lines close all the lists.
</PRE>

</td><td>

<UL>
<LI>This is a list of items
<LI>Just use hyphens
  <UL>
  <LI>More indent opens a sublist
  </UL>
</UL>

<P>
Two blank lines close all the lists.
</P>
</td></tr><tr><td class="t2t">

<PRE>

+ Change the hyphen by a plus
+ And you have a numbered list
  + Same rules apply
  +
+
An empty item closes the current list.
</PRE>

</td><td>

<OL>
<LI>Change the hyphen by a plus
<LI>And you have a numbered list
  <OL>
  <LI>Same rules apply
  </OL>
</OL>

<P>
An empty item closes the current list.
</P>
</td></tr><tr><td class="t2t">

<PRE>

: Definition list
  A list with terms
: Start term with colon
  And its definition follows
:
</PRE>

</td><td>

<DL>
<DT>Definition list</DT><DD>
  A list with terms
<DT>Start term with colon</DT><DD>
  And its definition follows
</DL>

</td></tr><tr><th colspan="2">
AREAS
</th></tr><tr><td class="t2t">

<PRE>

	A quoted paragraph is prefixed
	by a TAB.
		More TABs, more deep.
No TAB or blank line, closes quote.
</PRE>

</td><td>
	<BLOCKQUOTE>
	A quoted paragraph is prefixed
	by a TAB.
		<BLOCKQUOTE>
		More TABs, more deep.
		</BLOCKQUOTE>
	</BLOCKQUOTE>
<P>
No TAB or blank line, closes quote.
</P>
</td></tr><tr><td class="t2t">

<PRE>

Verbatim line is nice for commands:
``` $ cat /etc/passwd | tr : ,
Just prefix it with 3 backquotes.
</PRE>

</td><td>
<P>
Verbatim line is nice for commands:
</P>

<PRE>
$ cat /etc/passwd | tr : ,
</PRE>

<P>
Just prefix it with 3 backquotes.
</P>
</td></tr><tr><td class="t2t">

<PRE>

```
  A verbatim area is enclosed
      inside three backquotes.
**Marks** are not interpreted
     and spacing is preserved.
```
</PRE>

</td><td>

<PRE>
  A verbatim area is enclosed
      inside three backquotes.
**Marks** are not interpreted
     and spacing is preserved.
</PRE>

</td></tr><tr><td class="t2t">

<PRE>

"""
       A raw area is enclosed
    inside three doublequotes.

**Marks** are not interpreted
 and spacing is not preserved.
"""
</PRE>

</td><td>
       A raw area is enclosed
    inside three doublequotes.

**Marks** are not interpreted
 and spacing is not preserved.
</td></tr><tr><td class="t2t">

<PRE>

'''
&lt;div id="myblock"&gt;

&lt;p style="color:red"&gt;
A tagged area is enclosed
inside three single quotes.
&lt;/p&gt;

&lt;p style="color:blue"&gt;
No parsing is made inside it,
useful to insert target code.
&lt;/p&gt;

&lt;/div&gt;
'''
</PRE>

</td><td>
<div id="myblock">

<p style="color:red">
A tagged area is enclosed
inside three single quotes.
</p>

<p style="color:blue">
No parsing is made inside it,
useful to insert target code.
</p>

</div>
</td></tr><tr><th colspan="2">
OTHER
</th></tr><tr><td class="t2t">

<PRE>

|| Table Heading | Table Heading |
|          Table |     align     |
|          lines |      is       |
|      with cell |     nice!     |
</PRE>

</td><td>

<TABLE BORDER="1">
<TR>
<TH>Table Heading</TH>
<TH>Table Heading</TH>
</TR>
<TR>
<TD ALIGN="right">Table</TD>
<TD ALIGN="center">align</TD>
</TR>
<TR>
<TD ALIGN="right">lines</TD>
<TD ALIGN="center">is</TD>
</TR>
<TR>
<TD ALIGN="right">with cell</TD>
<TD ALIGN="center">nice!</TD>
</TR>
</TABLE>

</td></tr><tr><td class="t2t">

<PRE>

[t2t.png] Left aligned image

Center [t2t.png] aligned

Right aligned [t2t.png]
</PRE>

</td><td>
<P>
<IMG ALIGN="left" SRC="img/t2tpowered.png" BORDER="0" ALT=""> Left aligned image
</P>
<P>
Center <IMG ALIGN="middle" SRC="img/t2tpowered.png" BORDER="0" ALT=""> aligned
</P>
<P>
Right aligned <IMG ALIGN="right" SRC="img/t2tpowered.png" BORDER="0" ALT="">
</P>
</td></tr><tr><td class="t2t">

<PRE>

A link is recognized@automaticaly.see?

A [named link www.myurl.com] is easy.

An image [[t2t.png] as-a-link.html].
</PRE>

</td><td>
<P>
A link is <A HREF="mailto:recognized@automaticaly.see">recognized@automaticaly.see</A>?
</P>
<P>
A <A HREF="http://www.myurl.com">named link</A> is easy.
</P>
<P>
An image <A HREF="../doc/English/markup/as-a-link.html"><IMG ALIGN="middle" SRC="img/t2tpowered.png" BORDER="0" ALT=""></A>.
</P>
</td></tr><tr><td class="t2t">

<PRE>

A separator line:
--------------------
And a stronger one:
====================
(At least 20 chars)
</PRE>

</td><td>
<P>
A separator line:
</P>

<HR NOSHADE SIZE=1>

<P>
And a stronger one:
</P>

<HR NOSHADE SIZE=5>

<P>
(At least 20 chars)
</P>
</td></tr>
</table>
<P>

</P>
</div><div id="footer">
<P>
<IMG ALIGN="middle" SRC="img/t2tpowered-white.png" BORDER="0" ALT="">
</P>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png"></a>
<P>
Last modified on 11 January 2012 at 12:39
(<A HREF="markup.t2t">See sources</A>,
<A HREF="http://validator.w3.org/check?uri=referer">Validate HTML</A>)
</P>
</div><div id="fake">
<!-- Google Analytics code -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-280222-14']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</DIV>

<!-- html code generated by txt2tags 2.6.641 (http://txt2tags.org) -->
<!-- cmdline: txt2tags -t html ./markup.t2t -->
</BODY></HTML>
